<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>成长第一课</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="stylesheet"  type="text/css"  href="__PUBLIC__/weixin/css/mobile_module.css"  media="all"/>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!-- 	<script type="text/javascript" src="minify.php?f=__JS__/prefixfree.min.js,__JS__/m/dialog.js,__JS__/m/flipsnap.min.js,__JS__/m/mobile_module.js&v={:SITE_VERSION}"></script>
 -->
 </head>

<link rel="stylesheet"  type="text/css"  href="__PUBLIC__/weixin/css/css1.css"  rel="stylesheet" />
<link rel="stylesheet"  type="text/css"  href="__PUBLIC__/weixin/css/bootstrap.min.css"  rel="stylesheet" />
<body>
<div id="container" class="body">
    <!-- carousel -->
    <div id="carousel-example-generic" class="carousel  slide" data-ride="carousel" style="margin-bottom: 0;">
        <<ol class="carousel-indicators">
            <volist name="banner_data" id="xt">
                <li data-target="#carousel-example-generic" data-slide-to="{$i-1}" class="<if condition=" $i eq 1">active</if>"></li>
            </volist>
        </ol> 
        <div class="carousel-inner" style="width: 100%;height: 100%;">
            <volist name="banner_data" id="xt">
                <div class='item <if condition="$i eq 1 ">active</if>' style="width: 100%;height: 100%">
                    <a href="{$xt.url}"> 
                    		<img style="width: 100%;height: 100%" src="{$xt.picture}"  alt="{$xt.title}"/>
                    </a>
                                             
                    <div class="carousel-caption" style="color: white;padding: 5px">
                        {$xt.title}
                    </div>
                </div>
            </volist>
        </div> 
        <!-- Controls -->
    </div>
    <!-- /.carousel -->

    <div class="item_list">
    	<foreach name="list_data" item="vo" key="c">
			            <li>
			                <a href="{:U('detail')}&id={$vo.id}">
			                    <dl class="dl-horizontal" style="margin-bottom: 0">
			                        <dt style="width: 100px;text-align: left;"><img style="height: 60px; width: 100px" src="{$vo.url}"/></dt>
			                        <dd style="margin-left: 110px;height: 60px;">
			                        <span class="title" style="overflow: hidden;
											    overflow-x: hidden;
											    overflow-y: hidden;
												display: block;
												max-height: 62px;
												width: 90%;
												white-space: initial;">
												{$vo.article_name}
			                        </span>
			                        </dd>
			                    </dl>
			                </a>
			            </li>
        </foreach>
    	
    </div>
    <div class="page"> {$_page|default=''}</div>
</div>
<p class="copyright" style="display: none;">{$system_copy_right}{$tongji_code}</p>
</body>
<script src="__PUBLIC__/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/weixin/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/weixin/js/toucher.js"></script>
<script type="text/javascript">
    $('#carousel-example-generic').carousel()
    var myTouch = util.toucher(document.getElementById('carousel-example-generic'));

    myTouch.on('swipeLeft',function(e){
        $('#carright').click();
    }).on('swipeRight',function(e){
        $('#carleft').click();
    });
</script>
</html>